<body>
  <div class="maincontainer">
    <div class="topcontainer">
      <div class="iconcontainer">
        <h1 style="font-size: 30px; font-weight: 300; text-align: center; color: black;">供应链金融平台</h1>
        <h2 style="font-size: 15px; font-weight: 300; text-align: center; color: black;">温馨提示：共有三个账号可用(huawei / lansikeji / jingdongfang)，账号和密码一致</h2>
      </div>
    </div>
    <div class="mainframe">
      <form nz-form>
        <nz-form-item>
          <nz-form-control nzErrorTip="Please input your username!">
            <nz-input-group nzPrefixIcon="user" class="username">
              <input nz-input type="text" name="userName" placeholder="用户名" [(ngModel)]="this.username" />
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-control nzErrorTip="Please input your Password!">
            <nz-input-group nzPrefixIcon="lock" class="password">
              <input nz-input type="password" name="password" placeholder="密码" [(ngModel)]="this.password" />
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
      </form>

      <button nz-button nzType="primary" class="loginbutton" (click)="postNameAndPas()">
        登录
      </button>
      <nz-alert nzType="error" nzMessage="错误" nzDescription="用户名或密码错误" nzShowIcon *ngIf="this.status == 'Fail'">
      </nz-alert>
    </div>

  </div>
</body>